import React, { useEffect, useState } from "react"
import "./index.less"

export default function () {
    const [arr, setArr] = useState<any[]>([])
    useEffect(() => {
        let arr1: any[] = []
        for (let i = 0; i <= 10000; i++) {
            arr1.push({ name: "324234234234" })
        }
        setArr(arr1)
    }, [])
    return <div>
        cssPerformance
        <div className="car_box">
            {
                arr.map(item => <div className="card_item">
                    <div>
                        <div>{item.name}</div>
                        <div>{item.name}</div>
                    </div>
                    <div>
                        <div>{item.name}</div>
                        <div>{item.name}</div>
                    </div>
                    <div>{item.name}</div>
                </div>)
            }
        </div>
    </div>
}